<!DOCTYPE html>
<%@page import="com.google.appengine.api.users.User"%>
<%@page import="com.google.appengine.api.users.UserServiceFactory"%>
<%@page import="com.google.appengine.api.users.UserService"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="/js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/js/jquery.numeric.js"></script>
<script type="text/javascript" src="/js/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript"
	src="/js/ui/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript"
	src="/js/ui/i18n/jquery.ui.datepicker-en-GB.js"></script>
<script type="text/javascript" src="/js/util/autocompleteutil.js"></script>
<script src="/js/jqgrid/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="/js/jqgrid/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src="/js/ui/i18n/jquery-ui-i18n.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/validations.js"></script>
<link type="text/css" href="/css/themes/base/jquery.ui.all.css"
	rel="stylesheet" />
<link rel="stylesheet" type="text/css" media="screen"
	href="/css/jqgrid/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="/css/themes/base/jquery.ui.datepicker.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="/css/invitations.css" />

<title>NetKiller Attach</title>
<script type="text/javascript">
	function goToMyList() {
		window.location.href = '/myLists.do'
		//$("#searchBar").show();
	}

	function goToAllList() {
		//$("#searchBar").show();
		window.location.href = '/allLists.do'
		//$("#searchBar").show();
	}

	function goToAdmin() {
		//$("#searchBar").hide();
		window.location.href = '/adminpage.do'
	}
</script>

<script type="text/javascript">
	$.fn.center = function() {
		this.css("position", "absolute");
		var backgroundElementId = null;
		$(".loadingBack").each(function() {
			backgroundElementId = $(this).attr("id");
			if (backgroundElementId != null) {
				return false;
			}
		});
		if (backgroundElementId != null) {
			this.css("top", ($("#list4").offset().top + 40) + "px");
			this.css("left", (($("#" + backgroundElementId).width() - this
					.outerWidth()) / 2)
					+ $("#" + backgroundElementId).scrollLeft() + "px");
		} else {
			this.css("top", ($("#list4").offset().top + 40) + "px");
			this.css("left", (($(window).width() - this.outerWidth()) / 2)
					+ $(window).scrollLeft() + "px");
		}

		return this;

		this.css("position", "absolute");
		return this;
	}

	var progressBar;
	function startLoading() {
		clearInterval(progressBar);
		$('#progressbar').progressbar({
			value : 0
		});
		$('#loading').center().show();
		progressBar = setInterval(function() {
			var val = $('#progressbar').progressbar('option', 'value');
			var percent = !isNaN(val) ? (val + 1) : 1;
			if (percent > 100) {
				clearInterval(progressBar);
			} else if (percent > 80) {
				percent = !isNaN(val) ? (val + 0.1) : 0.1;
			}

			$('#progressbar').progressbar({
				value : percent
			});
		}, 15);

	}

	function endLoading() {
		$('#progressbar').progressbar({
			value : 100
		});
		$('#loading').fadeOut(500);
		clearInterval(progressBar);
	}
	
	function verifySeal(){
		alert('Verify seal');
	}
	

	jQuery('#hdr-popup').bind('click', function(e) {
		e.stopPropagation();
	});
	jQuery(document).bind('click', function() {
		jQuery('#hdr-popup').hide();
		jQuery('#mysite-dropdown').removeClass('edu-username-red-arrow');
		jQuery('#mysite-dropdown').addClass('edu-username-white-arrow');
	});
	/* var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {
		imgRight : "SpryAssets/SpryMenuBarRightHover.gif"
	}); */
</script>


</head>
<body>
	<div id="container">
		<div id="logoBar">
			<div class="logo" style="float: left;">
				<a href="/index.do"><img src="/images/logo.png"> </a>
			</div>

			<div style="float: right; font-face: tahoma; color: #424041;">
				<div style="float: right;">
					<b>${displayName} </b>| <a href="/logout.do"> Logout </a>
				</div>
				<div class="clear"></div>
				*Google Status Dashboard (<a href="http://www.google.com/appsstatus"
					target="_blank">GAPS</a> | <a
					href="http://code.google.com/status/appengine" target="_blank">GAE</a>)
				| netkiller Google+ Page(<a
					href="https://plus.google.com/106712085290093490938"
					target="_blank">EN</a> | <a
					href="https://plus.google.com/110837686349269614895"
					target="_blank">KR</a>)
			</div>
		</div>
		<div style="clear: both"
			class="menubar ui-corner-top ui-corner-bottom">
			<c:choose>
				<c:when test="${manageTabs}">
					<span class="topMenu"
						onclick="window.location='/basicconfiguration.do'"> Basic
						Configuration </span>
					<span class="topMenu"
						onclick="window.location='/resourcemanagement.do'">
						Resource Management </span>

				</c:when>
				<c:otherwise>
					<span class="topMenu" onclick="window.location='/index.do'">
						Home </span>
					<span class="topMenu" onclick="goToMyList()"> My Lists </span>
					<c:if test="${isAdmin}">
						<span class="topMenu" onclick="goToAllList()"> All Lists </span>
						<span class="topMenu" onclick="goToAdmin()"> Admin </span>
					</c:if>
				</c:otherwise>
			</c:choose>
		</div>



		<div id="middle" style="margin-top: 30px; min-height: 500px;">
			<jsp:include page="${_ipContextView}"></jsp:include>
		</div>
		<div id="bottom"
			style="clear: both; margin-top: 10px; position: relative; bottom: 0px;">
			<table style="border-top: 1px solid #A6A6A6; width: 101%;">
				<tbody>
					<tr>
						<td
							style="height: 5px; border-bottom: 1px solid #A6A6A6; text-align: left; padding: -20px;">
							<img src="/images/netkiller-docs.png"></td>
						<td
							style="height: 5px; border-bottom: 1px solid #A6A6A6; text-align: right; vertical-align: bottom;">
							<img src="/images/collavate-formula.png"></td>
					</tr>


					<tr>
						<table>
							<tbody>
								<tr>
									<td style="vertical-align: bottom" align="left">Thanks for
										using netkiller Attach!
										<div id="getsat-widget-1993" style="font-size: 10px;">
											© 2012 Netkiller America, Inc. All right reserved. | <a
												href="http://www.netkiller.com/" target="_blank">netkiller.com</a>
											| <a href="http://localhost:8888/jsp/support" target="">Support</a>
											| <a href="http://code.google.com/p/netkiller-workflow-api/"
												target="_blank">API</a> | <a
												href="https://www.google.com/enterprise/marketplace/viewListing?productListingId=2333+15557384810033584025"
												target="_blank">Review</a> <br> * Security: netkiller
											Docs is <a
												href="http://googleenterprise.blogspot.com/2011/09/pure-and-proven-cloud-architecture.html"
												target="_blank">Pure Google Apps Solution</a> | <a
												href="http://support.google.com/a/bin/answer.py?hl=en&amp;answer=180490"
												target="_blank">Security Approved at Google Apps
												Marketplace</a> | <a
												href="https://developers.google.com/appengine/docs/premier/"
												target="_blank">Running on Google App Engine Premier</a>
										</div></td>

									<td style="padding: 0px 7px 4px 0;padding-left: 175px;padding-top: 20px;" align="right"
										valign="bottom"><span id="siteseal"> <img
														style="cursor: pointer; vertical-align:middle; cursor: hand"
														src="/images/siteseal_gd_3_h_d_m.gif"
														onclick="verifySeal();" height="31" width="132"></span>
									</td>

								</tr>

							</tbody>
						</table>


					</tr>
				</tbody>
			</table>

		</div>
	</div>


</body>
</html>